<template>
  <el-card class="demo-card">
    <template #header>
      <h3>富文本编辑器</h3>
    </template>
    <div>组件描述</div>
  </el-card>
  <div>
    <Editor v-model="value" />
  </div>
</template>

<script setup>
import Editor from "@/components/Basic/Editor/index.vue";
// import { ElMessageBox } from "element-plus";
import { ref } from "vue";

const value = ref(
  "<p>这是一个富文本编辑器</p><p>这是一个<b><i>富文本</i>编辑器</b>123</p><p>这是一个富文本编辑器</p><ul><li>1</li><li>2</li><li>3</li></ul><p><br /></p>"
);
const text = ref(
  '<p>sad<s><u><em><span style="color:#f60002;"><span style="background-color:#000000;">asdasd</span></span></em></u></s>asdasd</p>'
);
</script>

<style scoped></style>
